<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>فتح أمر عمل جديد</title>
</head>
<body>
	<form name="form1" method="post" action="JobOrderOpenProcess">
		<table class="layout_grid">
			<tr>
				<td colspan="2"><h1 class="page_title">شاشة فتح أمر عمل
						جديد</h1></td>
			</tr>
			<tr>
				<td colspan="2"><%@ include file="../DeviceOverview.jsp"%></td>
			</tr>
			<tr>
				<td class="side_label_middle">تاريخ العطل :</td>
				<td><input type="text" name="damageDate" id="damageDate"
					class="caldr" required></td>
			</tr>
			<tr>
				<td class="side_label_top">وصف العطل :</td>
				<td><textarea name="damageDescription" id="damageDescription"
						required></textarea></td>
			</tr>
			<tr>
				<td class="side_label_middle">رقم أمر العمل :</td>
				<td><input type="text" name="jobOrderNo" id="jobOrderNo"
					required data-rule-remote="CheckJobOrderNoDuplication" data-msg-remote="يوجد أمر عمل بنفس الرقم"></td>
			</tr>
			<tr>
				<td class="side_label_middle">تاريخ أمر العمل :</td>
				<td><input type="text" name="jobOrderDate" id="jobOrderDate"
					class="caldr" required></td>
			</tr>

			<tr>
				<td>&nbsp;</td>
				<td><input type="submit" name="button" id="button"
					value="افتح أمر عمل جديد"></td>
			</tr>
		</table>
	</form>
	<script>
	$(function(){
		<%String dest = request.getParameter(Default.SEARCH_DEST_PARAM_NAME);%>
		 appendIdElement("<%=Default.SEARCH_DEST_PARAM_NAME%>","<%=dest%>");
		 
	     $("#jobOrderDate" ).rules( "add", {
	 		dateGreaterThan: ['#damageDate'],
			messages: {	dateGreaterThan: "يجب أن يكون التاريخ بعد تاريخ العطل"}
		 });
		 
		 $("form").submit(function(){
			 
			 var joDate =  $("#jobOrderDate").datepicker("getDate").getTime();
			 var damDate = $("#damageDate").datepicker("getDate").getTime();
			 var diff = Math.ceil((joDate -damDate)/(24*60*60*1000));
			 if($("form").valid() && diff >= 4)
			    return confirm("يرجى ملاحظة أن تاريخ فتح أمر العمل متأخر عن تاريخ العطل بأربعة أيام أو أكثر .. هل تريد الاستمرار ؟")
			    
			  return true;
		 });
	 
	});
	</script>
</body>
</html>
